.nav{
    margin-top: -1px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    background: var(--welcom-bg-end);
    color:var(--navbar-text);
    >li{
        flex-grow: 1;
        flex-shrink: 0;
        padding:10px ;
        border: none;
      
    }
}
.selected{
    position: relative;
   &::after{
    content:"";
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom:0;
    left: 0;
    background:var(--item-tabs-bg);
   }
   
}
